<div>
    <div (click)="clickMask()" *ngIf="showMask" [style.background-color]="maskColor"
         class="mask"></div>
    <div [style.left]="left" [style.top]="top" [style.width]="width" class="all">
        <div class="popup-header" nz-row>
            <div [nzSpan]="22" class="left" nz-col>
                <span *ngIf="title"> {{title}} </span>
                <ng-content *ngIf="!title" select="span.title-name"></ng-content>
            </div>
            <div (click)="closeBtn()" [nzSpan]="3" class="right" nz-col>
                <div class="rightClose">
                    <!--                    <i nz-icon nzType="close" nzTheme="outline"></i>-->
                    <i nz-icon theme="outline" type="close"></i>
                    <!--<ng-content select="div.close"></ng-content>-->
                </div>
            </div>
        </div>
        <div [style.maxHeight]="height" [style.padding]="hasPadding ? '10px' : 0" class="popup-body">
            <ng-content select="div.content"></ng-content>
        </div>
        <div *ngIf="showPopupFooter" class="popup-footer">
            <ng-content select="div.rightBtn"></ng-content>
        </div>
    </div>
</div>
